<template>
    <div>
        <div class="container">
            <Header />
            <transition name="el-fade-in-linear">
                <router-view  class="margin-top" />
            </transition>
            <Footer class="margin-top" />
        </div>
    </div>
</template>


<script>
import Header from '@/components/header'; // 导航栏
import Footer from '@/components/footer'; // 底部

export default {
  components: {
    Header, Footer,
  }
}
</script>

<style lang="less" scoped>
.margin-top {
    margin-top: 24px;
}
</style>